$(function () {
    $("#uploadForm").submit(upload);   // 提交表单id为uploadForm的表单  触发upload事件
});

function upload() {
    $.ajax({    //$.post是$.ajax的简化；$.ajax可以传输更多参数，因为这里传输的是一个文件而不单是参数
        url: "http://upload.qiniup.com", //输入服务器的远程ip  查看手册获得，不同的地区不同的ip
        method: "post",
        processData: false,   //不要将表单的数据转为字符串，因为这次提交的是文件
        contentType: false,   //不让JQuery设置上传数据类型，让浏览器自动设置   关于数据边界的问题，自己设置
        data: new FormData($("#uploadForm")[0]),  //传输文件时的必要操作  JQuery对象就是js对象的数组
        success: function (data) {
            if (data != null & data.code == 0) {
                //更新头像访问路径
                $.post(
                    CONSTANT_PATH + "/user/upload/url",  //成功上传后，需要访问服务端，向服务端传输数据
                    {"fileName": $("input[name='key']").val()},
                    function (data) {
                        data = $.parseJSON(data);  //服务端返回的信息是String类型，先将数据转为转为JSON格式
                        if (data.code == 0) {
                            window.location.reload();  //刷新当前页面
                        } else {
                            alert(data.msg);  //给出提示信息
                        }
                    }
                )
            } else {
                alert("上传失败！");
            }
        }
    });
    return false;   //事件到此为止不再向下执行
}